import React, { Component } from "react";

export default class App extends Component {
  state = {
    name:'张三'
  }
  // UNSAFE_componentWillMount() {
  //   console.log('我是生命周期函数!!将要挂载属于过时的生命周期函数');
  // }
  // componentDidMount(){
  //   console.log('我是已经挂载的函数!@!!');
  //   //axios,订阅函数调用,基于创建完成的dom进行初始化
  // }
  // // 运行中更新阶段
  // // 组件将要更新props时的生命周期
  // componentWillReceiveProps(){
  //   console.log('父组件修改属性时触发!!');
  // }
  // shouldComponentUpdate(){
  //   // 性能优化函数/在子组件进行控制
  //   console.log('会返回false组织render触发');
  // }
  // componentWillUpdate(){
  //   console.log('即将更新,不能修改属性和状态');
  // }
  // componentDidUpdate(){
  //   console.log('已经dom更新了');

  // }
  // // 销毁阶段
  // componentWillUnmount(){
  //   console.log('销毁dom节点触发');
  // }

  // 第一次初始化就会更新以及自身状态的更新包括父传子都会返回一个对象state
  static getDerivedStateFromProps(){
    console.log('我是新的生命周期函数!!!getDrivedStateFromPropsgetDrivedStateFromProps');
    return {
      name:'李四'
    }
  }
  render() {
    return <div>App11</div>;
  }
}
